<template>
	<view class="content">
			<view class="par_icon icon_item">
				<view class="">
					<image :src="oneicon" mode=""></image>{{oneTle}}
				</view>
				<view class="">
					<image :src="twoicon" mode=""></image>{{twoTle}}
				</view>
			</view>
	</view>
</template>

<script>
	export default {
		props: {
				oneicon:{
					default:'../../static/device/g-ningmeng.svg',
					type:String
				},
				oneTle:{
					default:'正文标题',
					type:String
				},
				twoTle:{
					default:'',
					type:String
				},
				twoicon:{
					default:'',
					type:String
				},
		  },
		data() {
			return {
			};
		},
		mounted() {},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	@mixin minIconSize {
		width: 40rpx;
		height: 40rpx;
	}

	.content {
		.icon_item {
			color: #777777;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			margin-bottom: 76rpx;
			justify-content: space-between;
			padding-right: 104rpx;
		
			image {
				@include minIconSize;
				margin-right: 20rpx;
			}
		
			view {
				display: flex;
				align-items: center;
			}
		
			view:nth-child(2) {
				image {
					width: 24rpx;
					height: 24rpx;
					margin-right: 8rpx;
				}
			}
		}
	}
</style>
